import type { SVGProps } from "react";

export const ThumbsDownIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={16}
    height={16}
    viewBox="0 0 16 16"
    fill="none"
    {...props}
  >
    <path
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      d="M1.334 7.667C1.334 8.403 1.931 9 2.667 9a2 2 0 0 0 2-2V4.333a2 2 0 0 0-2-2c-.736 0-1.333.597-1.333 1.334v4Z"
    />
    <path
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      d="m10.319 10.796-.178-.573c-.146-.47-.218-.705-.162-.89a.655.655 0 0 1 .28-.365c.167-.105.42-.105.926-.105h.27c1.713 0 2.57 0 2.975-.508.046-.058.087-.12.122-.184.312-.566-.042-1.328-.75-2.852-.65-1.398-.974-2.097-1.577-2.509a2.73 2.73 0 0 0-.18-.113c-.635-.364-1.421-.364-2.995-.364h-.34c-1.907 0-2.86 0-3.452.574-.592.574-.592 1.497-.592 3.344V6.9c0 .97 0 1.456.172 1.9.172.444.502.81 1.162 1.54l2.727 3.02c.069.076.103.113.133.14a.689.689 0 0 0 .962-.061c.027-.03.055-.072.113-.156.09-.13.135-.196.175-.261.351-.581.458-1.271.296-1.927a5.518 5.518 0 0 0-.088-.299Z"
    />
  </svg>
);
